
var gulp = require('gulp'), //本地安装gulp所用到的地方
    stylus =require('gulp-stylus'),//stylus
    connect =require('gulp-connect'),//自动刷新
    cssMin = require('gulp-clean-css');//压缩css

gulp.task('connect', function () {
    connect.server({
        port: 8000,
        livereload: true
    });
});


gulp.task('html', function () {
    gulp.src('*.html')
        .pipe(gulp.dest('/'))
        .pipe(connect.reload());
});

gulp.task('stylus', function () {
    gulp.src('stylus/*.styl')
        .pipe(stylus())
        .pipe(cssMin({
                    advanced: true,//类型：Boolean 默认：true [是否开启高级优化（合并选择器等）]
                    compatibility: 'ie8',//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
                    keepBreaks: false,//类型：Boolean 默认：false [是否保留换行]
                    keepSpecialComments: '*'
                    //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀，如果不加这个参数，有可能将会删除你的部分前缀
                }))
        .pipe(gulp.dest('css'))
        .pipe(connect.reload());
});
gulp.task('watch', function () {
    gulp.watch(['*.html'], ['html']);
    gulp.watch(['stylus/*.styl'], ['stylus']);
});

gulp.task('default', ['connect','watch']);